import styled from 'styled-components'

const SearchWrap=styled.div`
  background-color:#fff;
  height:.5rem;
   width:100%;
   display:flex;
   padding:.1rem .1rem;
   align-items:center;
   .search{
    flex:1;
    display:flex;
    height:.28rem;
    width:3rem;
    border-radius:.25rem;
    background-color:#eee;
    padding:0 .1rem;
    align-items:center
  }
  input{
    width:100%;
    border:none;
    border-radius:.25rem;
    background:none;
    padding-left:.1rem;
    font-size:.14rem;
  }
  span{
    width:.4rem;
    text-align:center;
    color:blue;
    font-size:.12rem;
  }
`
const SectionWrap=styled.div`
  padding:.1rem .15rem;
  background-color:#fff;
  width:100%;
  margin-top:.2rem;
  ul{
    display:flex;
    flex-wrap:wrap;
    li{
      display:flex;
      width:15%;
      height:.2rem;
      border:.01rem solid #ccc;
      justify-content:center;
      border-radius:.1rem;
      margin-left:.15rem;
      margin-top:.15rem;
    }
  }
`

export {
  SearchWrap,
  SectionWrap
}